<!--
 * @Description: 
 * @Autor: Bingo
 * @Date: 2024-08-12 15:49:53
 * @LastEditors: Bingo
 * @LastEditTime: 2024-08-12 16:26:30
-->
<template>
  <a-carousel arrows v-bind="$attrs">
    <template #prevArrow>
      <div class="custom-slick-arrow" style="left: 10px; z-index: 1">
        <left-circle-outlined />
      </div>
    </template>
    <template #nextArrow>
      <div class="custom-slick-arrow" style="right: 10px">
        <right-circle-outlined />
      </div>
    </template>
    <slot></slot>
  </a-carousel>
</template>
<script lang="ts" setup name="kCarousel">
import { LeftCircleOutlined, RightCircleOutlined } from "@ant-design/icons-vue";
</script>
<style scoped>
@import "./index.less";
</style>
